$(function () {
    let Params = {
        // string	搜索关键词，可以为空，为空返回某类型所有文章
        key: "",
        // string	文章类型id，可以为空，为空返回所有类型文章
        type: "",
        // string	文章状态，草稿 ，已发布,为空返回所有状态文章
        state: "",
        // number	当前页，为空返回第1页
        page: "",
        // number	每页显示条数，为空默认每页6条
        perpage: "10",
    }

    // 渲染文章列表
    function renderData() {
        $.get("/admin/article/query", Params, function (res) {
            const list = res.data.data;
            const html = template("trs", { list });
            $(".table-bordered tbody").html(html);
            totalCount = res.data.totalCount;
            // 渲染分页组件
            renderPager();
        })

    }

    // 渲染分类下拉框
    function getList() {
        $.get("/admin/category/list", function (res) {
            // console.log(res);
            let list = res.data
            let html = `<option value=''>所有分类</option>`
            list.forEach(function (item) {
                html += `<option value='${item.id}'>${item.name}</option>`
            })
            $('#selCategory').html(html)
        })
    }
    getList()

    // 筛选按钮功能
    $('#btnSearch').click(function () {
        // 点击重置按钮时把页码变为1
        Params.page = 1
        Params.key = $('#aname').val().trim()
        Params.type = $('#selCategory').val()
        Params.state = $('#selStatus').val()
        // console.log(key);
        // console.log(Params.key, Params.type, Params.state);
        renderData()
    })

    // 重置按钮功能
    $('#btnRest').click(function () {
        // 点击重置按钮时把页码变为1
        Params.page = 1
        $('#aname').val('')
        $('#selCategory').val('')
        $('#selStatus').val('')

        Params.key = ''
        Params.type = ''
        Params.state = ''
        renderData()
    })

    // 删除功能
    $('.table-bordered').on('click', '.delete', function () {
        layer.confirm("你确定要删除吗？", { title: "提示" }, (index) => {
            console.log($(this).data("id"));
            const id = $(this).data("id")
            $.post("/admin/article/delete", { id }, function (res) {
                // console.log(res);
            })
            layer.close(index)
            renderData()
        })
    })

    // 分页功能
    function renderPager() {
        layui.laypage.render({
            elem: 'pager',
            count: totalCount, // 数据的总条数 
            limit: Params.perpage,
            curr: Params.page,
            jump(obj, first) {
                // 被点击的页数
                if (!first) {
                    // 给全局参数赋值
                    Params.page = obj.curr;
                    hash = obj.curr
                    // Params.page.classList.add('.layui-laypage-em')
                    // 重新发送一次请求获取对应页码数据
                    renderData();
                    // 存在bug 每一次点击 页码都重新变回1  
                }
            }

        });

    }

    renderData()
})



// /admin/category/list